@charset "utf-8";
.w_content {
	margin:0 auto;
	width:980px;
}
.sidenav {
	margin:6px 0;
	width:190px;
}
.sidenav ul, .rank ul {
	border:1px solid #c7c7c7;
	width:188px;
}
.sidenav li {
	float:none;
	background:url("../images/arrow.jpg") no-repeat scroll 6px 5px transparent;
	padding-left:20px;
	margin:10px 0;
	_display:inline;
}
dt, dd {
	line-height:20px;
}
dd {
	_margin-left:20px;
}
.arrow {
	margin:0 5px
}
dt a {
	font-weight:bold;
	color:#6b6b6b;
}
dd a {
	color:#6b6b6b;
	margin:0 3px;
}
.sidenav h3 {
	background: url(../images/sidenav_bg.jpg) no-repeat;
	width:178px;
	height:37px;
	color:#fff;
	line-height:37px;
	padding-left: 12px;
}
.content_l {
	float:left;
	width:736px;
	margin-top:9px;
}
.rank h3 {
	background: url(../images/sidenav_bg.jpg) no-repeat;
	width:178px;
	height:37px;
	color:#fff;
	line-height:37px;
	padding-left: 12px;
}
.rank span {
	margin:0 19px;
}
.rank .rankli span {
	margin:0 15px;
	color:#04519d;
}
.rank li.rankli {
	background:url(../images/rank_lbg.jpg) repeat-x;
	height:31px;
	line-height:31px;
}
.rank li {
	float:none;
	height:26px;
	line-height:26px;
}
.rank a {
	color:#6a6a6a;
}
.content_r {
	float:right;
	margin:6px 0 0 7px;
}
.upload {
	text-align:center;
	width: 203px;
	padding-top:40px;
}
.upload_bt {
	background:url(../images/upload_bt.jpg) no-repeat;
	width:157px;
	height:42px;
	border:none;
}
.crb_pic {
	overflow:hidden;
	display:block;
}
.crb_pic table td {
	border:1px solid #ccc;
}
.crb_pic .imgtd {
	text-align:center;
	overflow:hidden;
	display:block;
}
.imglist {
	margin-left:5px;
	margin-top:18px;
}
.imglist p {
	margin-top:10px;
}
.imglist p a {
	font-weight: bold;
	color:#12457e;
}
.imglist p span {
	color:#c70909;
}
.content_r_bottom {
	margin-bottom:30px;
}
.retrieval {
	border:1px solid #C7C7C7;
	width:570px;
	height:126px;
	float:left;
}
.retrieval p {
	margin:8px 0 0 15px
}
.r_btn {
	margin-left:8px
}
.btn_r {
	border:none;
	background:#797979;
	width:62px;
	height:25px;
	color:#fff;
	margin-right:13px;
}
.footer_num {
	text-align:center;
	margin:50px 0;
}
.footer_num a.fnum {
	color:#c70909
}
.footer_num a {
	color:#000;
}
.footer_num input {
	width:40px;
}
.footer_num span {
	margin:0 5px;
}
.footer {
	text-align:center;
	margin-top:15px;
}
.bookinfo dt img {
	float:left;
}
.bookinfo dt, .bookinfo dd {
	float:left;
}
.bookinfo {
	width:100%;
	float: left;
}
.bookinfo h1 {
	border-bottom:1px dotted #000;
	padding-bottom: 5px;
	font-size:16px;
	margin:10px 0;
}
.bookinfo h1 a {
	color:#11467d;
	text-decoration: none;
}
.bookinfo dd {
	margin-left:23px;
	width:462px;
	color:#4d4d4d;
}
.bookinfo table {
	width:75%;
	float:left;
}
.bookinfo table td {
	text-align:left;
	height: 25px;
}
.download_btn {
	background:url(../images/download_btn.jpg) no-repeat;
	width:97px;
	height:37px;
	border:none;
	margin-right:25px;
}
.collect_btn {
	background:url(../images/collect_btn.jpg) no-repeat;
	width:97px;
	height:37px;
	border:none;
}
.book_inbtn {
	margin-top:98px;
}
.detail p.dtitle {
	background:#efefef;
	border:1px solid #a9a9a9;
	font-size:14px;
	font-weight: bold;
	padding:6px 0 6px 15px;
	width: 719px;
	margin:15px 0 6px 0;
}
.detail {
	margin-bottom: 12px;
	margin-top: 12px;
	width: 736px;
}
.dpage {
	line-height:24px;
	color:#4d4d4d;
}
.time {
	float:right;
}
.details_list li {
	width:630px;
	color:#4d4d4d;
}
.details_list li p {
	margin-top:5px;
}
.details_list h3 {
	float:left;
}
.friend_list{ border-bottom: 1px solid #C9C9C9;
    margin-top: 9px;
    padding-bottom: 9px;
    width: 736px;}
.friend_list dt{   float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 50px;}
.friend_list dt p{ text-align:center; color:#216ab2;}
.friend_list dt img {
    height: 50px;
    width: 50px;
}
.friend_list dd {
   float: left;
    width: 640px;
}
.details_list
	{
  height: 115px;
    overflow: hidden;
    width: 100%;
	}
	
	.details_list li
	{
    width: 100%;
	}
.pre_btn, .next_btn {
	background:url(../images/np_btn.jpg) no-repeat;
	width:52px;
	height:23px;
	display:block;
	float:left;
	text-align:center;
	line-height:23px;
}
.num_btn {
	background:url(../images/num_btn.jpg) no-repeat;
	width:21px;
	height:23px;
	display: block;
	float:left;
	text-align:center;
	line-height:23px;
	margin:0 6px;
}
.pre_btn a, .next_btn a {
	text-decoration:none;
	color:#6f6f6f;
}
.num_btn a {
	text-decoration:none;
	color:#fff;
}
.num {
	float:right;
	margin:15px 0;
}
.comment p {
	font-family:"微软雅黑";
	font-weight:bold;
	color:#4d4d4d;
	font-size:16px;
}
.comment img {
	vertical-align:middle;
	margin-right:5px;
}
.send_btn {
	background:url(../images/send_btn.jpg) no-repeat;
	width:94px;
	height:31px;
	line-height:31px;
	display:block;
	text-align:center;
	float:right;
	margin-top:8px;
}
.send_btn {
	color:#fff;
	font-family:"微软雅黑";
	font-size:16px;
}
.related {
	border:1px solid #c7c7c7;
	width:201px;
	margin-top:15px;
}
.rel_c{ padding-bottom:8px;}
.related .rel_t {
	background:url(../images/bg_crtittle.jpg) repeat-x;
	height:36px;
	line-height:36px;
	padding:0 9px;
}
.related .rel_t h3 {
	float:left;
}
.related .rel_t span {
	float:right;
}
.titleth h1 {
	font-size:16px;
	height:30px;
	line-height:30px;
	text-indent:12px;
}
.titleth table {
	margin-left: 12px;
	width: 724px;
}
.titleth table tr td {
	height:25px;
	text-align:left;
}
.titleth table span {
	color:#878481;
	padding-left:6px;
}
.imgcont {
	width:734px;
	margin: 10px 0;
}
/* Preview Slider Gallery Style */
.ps_container {
	display:none;
	background: none repeat scroll 0 0 #E9E9E9;
	height: 385px;
	margin: 5px;
	position: relative;
	width: 724px;
}
.ps_image_wrapper {
	width:460px;
	height:385px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
.ps_image_wrapper img {
	position:absolute;
	left:0px;
	top:0px;
}
.ps_prev, .ps_next {
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	margin-top:-40px;
	cursor:pointer;
	opacity:0.5;
}
.ps_prev {
	background:transparent url(../images/toleft.jpg) no-repeat top center;
	left:20px;
}
.ps_next {
	background:transparent url(../images/toright.jpg) no-repeat top center;
	right:20px;
}
.ps_prev:hover, .ps_next:hover {
	opacity:0.9;
}
ul.ps_nav {
	list-style:none;
	display:none;
	margin:0;
	padding:0;
	width:170px;
	margin:20px auto;
	position:relative;
}
ul.ps_nav li {
	float:left;
}
ul.ps_nav li a {
	display:block;
	text-indent:-9000px;
	width:11px;
	height:11px;
	outline:none;
	padding:0px 3px;
	background:transparent url(../images/dot.png) no-repeat top center;
}
ul.ps_nav li a:hover, ul.ps_nav li.selected a {
	background-position:50% -11px;
}
ul.ps_nav li.ps_preview {
	display:none;
	width:85px;
	height:91px;
	top:-95px;
	left:-34.5px; /*First item, next ones is leftDot - 0.5*wThis + 0.5*wDot, i.e. second one is (16 - 42.5 + 8) = -18.5 */
	position:absolute;
}
ul.ps_nav li.ps_preview span {
	background:transparent url(../images/triangle.png) no-repeat top center;
	width:15px;
	height:6px;
	position:absolute;
	top:85px;
	left:35px;
}
.ps_preview_wrapper {
	width:75px;
	height:75px;
	border:5px solid #fff;
	overflow:hidden;
	position:relative;
	-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
	box-shadow:0px 0px 5px #999;
}
.ps_preview_wrapper img {
	position:absolute;
	top:0px;
	left:0px;
}
.dpageth {
	color: #4D4D4D;
	font-size: 13px;
	line-height: 24px;
}
.smaing {
	height: 70px;
	margin: 20px 0 35px
}
.smaing ul li {
	margin-right:11px;
	float:left;
}
.smaing ul li img {
	width:95px;
	height:61px;
}
.selectedimg img {
	width:91px!important;
	height:57px!important;
}
.selectedimg {
	border:2px solid #2c2c2c;
}
.lastimg {
	margin-right:0px!important;
}
.usebutt {
	height: 40px;
	margin-bottom: 30px;
}
.usebutt ul {
	width:260px;
	height:40px;
	margin:0 auto;
}
.usebutt ul li {
	width:97px;
	height:37px;
	margin-right:30px;
}
/*#gallery {
    width: 734px;}
	#imagearea
	{
		    position: relative;
	}
	#imagearea,#thumbwrapper
	{
 background: none repeat scroll 0 0 #E9E9E9;
    height: 400px;
	}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#imagearea {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(../images/loading.gif) center center no-repeat; font-size:311px; }
 
#image {background: url("../images/loading.gif") no-repeat scroll center center transparent;
	
    display: table-cell;
    height: 365px;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    width: 662px;	overflow:hidden; 
	
	
	}
#image img { vertical-align: middle; max-width:662px; max-height:365px;
 }
#thumbwrapper { background: none repeat scroll 0 0 #FFFFFF;
    height: 65px;
    margin-top: 10px;
    padding: 5px 0;
    width: 736px;}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:5000px; border-right:5px solid #FFF}
#thumbs li { cursor: pointer;
    float: left;
    padding-right: 20px;}
.imgnav {height:375px; width:38px; z-index:100; height:375px; width:46px; z-index:100; outline:none; cursor:pointer}
#previmg {  background: url("../images/toleft.jpg") no-repeat scroll left center transparent;
    left: 25px;
    position: absolute;}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:25px; position:absolute; background:url(../images/toright.jpg) right center no-repeat;}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}*/
.ad-gallery {
	width: 734px;
}
.ad-gallery .ad-image-wrapper {
	width: 100%;
	height: 400px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	background: #E9E9E9;
}
.ad-gallery .ad-image-wrapper .ad-loader {
	position: absolute;
	z-index: 10;
	top: 48%;
	left: 48%;
	border: 1px solid #CCC;
}
.ad-gallery .ad-image-wrapper .ad-next {
	position: absolute;
	right: 0;
	top: 0;
	width: 15%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 200;
}
.ad-gallery .ad-image-wrapper .ad-prev {
	position: absolute;
	left: 0;
	top: 0;
	width: 15%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 200;
}
.ad-next {
	/* Or else IE will hide it */
      background: url(../images/toright.jpg) no-repeat center center;
}
.ad-prev {
	/* Or else IE will hide it */
      background: url(../images/toleft.jpg) no-repeat center center;
}
.ad-gallery .ad-image-wrapper .ad-image {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 9;
}
.ad-gallery .ad-image-wrapper .ad-image a img {
	border: 0;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 7px;
	text-align: left;
	width: 100%;
	z-index: 2;
	background: url(opa75.png);
	color: #000;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	background: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
	display: block;
}
.ad-gallery .ad-controls {
	height: 20px;
}
.ad-gallery .ad-info {
	float: left;
}
.ad-gallery .ad-slideshow-controls {
	float: right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
	padding-left: 5px;
	cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
	padding-left: 5px;
	font-size: 0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
	cursor: default;
	font-style: italic;
}
.ad-gallery .ad-nav {
	width: 100%;
	position: relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back {
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 10;
}
/* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
	height: 100px;
}
.ad-gallery .ad-back {
	cursor: pointer;
	width: 13px;
	display: block;
	left:0px;
	background: url(../images/ad_scroll_back.png) 0px 22px no-repeat;
}
.ad-gallery .ad-forward {
	cursor: pointer;
	display: block;
	right: 0px;
	width: 13px;
	background: url(../images/ad_scroll_forward.png) 0px 22px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
	margin: 0 auto;
	overflow: hidden;
	width: 95%;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
	float: left;
	width: 9000px;
	list-style: none;
}
.ad-gallery .ad-thumbs li {
	float: left;
	padding-right: 5px;
}
.ad-gallery .ad-thumbs li a {
	display: block;
}
.ad-gallery .ad-thumbs li a img {
	border: 3px solid #CCC;
	display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
	border: 3px solid #616161;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
	position: absolute;
	left: -9000px;
	top: -9000px;
}
#gallery {
}
#comment-form {
	width: 100%;
}
#error {
	display: none;
	background: #FFF;
	position: absolute;
	left: 100px;
	top: 100px;
	width: 500px;
	height: 300px;
	padding: 10px;
	border: 1px solid #CCC;
